<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>

<body>
	<link rel="stylesheet" type="text/css" href="/css/note.css">
	<link rel="stylesheet" type="text/css" href="/css/public.css">
	<script src="/js/note.js"></script>
	<!-- body大盒子div开始 -->
	<div class="body">
		<!-- content-header顶部div 开始 -->
		<#include "/head.ftl"/>
		<!-- 中部content div开始 -->
		<div class="newnotedir-div" style="display: none">
			<div style="text-align: center; margin: 5% auto;">
				<div>
					<div class="newnotedir-div-code">
						<div>
							<i class="iconfont icon-notebook" style="font-size: 45px"></i>
						</div>
						<div
							style="margin-top: 12px; letter-spacing: 1px; margin-bottom: 14px;">
							<span>创建笔记本</span>
						</div>
					</div>
					<div style="margin-top: 30px;">
						<input class="newnote-icon-value" type="text"
							style="font-weight: 300; font-family: caecilia, times, serif; font-size: 28px; text-align: center; border: none; outline: none;"
							placeholder="给笔记本起个名称" />
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<!-- 中部content内容 div开始 -->
			<div class="row">
				<div class="row-left"
					style="min-width: 239px; height: 642px; background: white; width: 21.8%; border: 1px solid #e4dede; position: relative;">
					<div class="row-left-top" style="background: white;">
						<div class="box-header with-border" style="padding-left: 20px;">
							<h3 class="box-title">全部笔记</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool jian note-open-close">
									<i class="iconfont icon-jian" id="one"></i>
								</button>
							</div>
						</div>
						<div class="row-left-top-update-icon"
							style="padding: 15px 24px 15px 24px; border-bottom: 2px solid #f4f4f4;">
							<div style="display: inline-block" class="note-size"></div>
							<div style="display: inline-block;margin-left: 3px;">
								<a class="type-note-star" type="收藏笔记"><i
									class="iconfont icon-collection"></i></a> <a href="/note/newnote"
									title="添加笔记"><i class="iconfont icon-jia" style="font-size:14px"></i></a>
								<a><i class="iconfont icon-search" style="font-size: 16px;"></i></a>
							</div>
							<div style="display: inline-block; float: right;">
								<div>
									<div class="select-tittle"
										style="position: relative; cursor: pointer;">
										选项<i class="iconfont icon-unfold"></i>
									</div>
									<div class="select-div select-type-father"
										style="max-height: 350px; overflow-y: scroll;">
										<ul>
											<li><i class="iconfont icon-edit"></i><a
												class="select-div-father" dirid="all"><span>全部笔记</span></a>
												<ul class="select-div-son select-div-son-son">

												</ul></li>
											<li><i class="iconfont icon-edit"></i><a class="select-div-father"><span>共享笔记</span></a></li>
											<li><i class="iconfont icon-edit"></i><a class="select-div-father"><span>公司笔记</span></a></li>
										</ul>
									</div>
								</div>

							</div>
						</div>
					</div>
					<div class="row-left-content"
						style="height: 548px; overflow-y: auto;">
						<#include "/note/notedata.ftl"/>
					</div>
				</div>
				<!-- 右部div盒子开始 -->
				<div class="row-right" style="width:76.7%">
					<div class="box box-primary">
						<div class="box-header with-border"
							style="margin: 0px 26px; padding: 7px 0 0 0;">
							<div class="mailbox-controls">
								<a class="btn btn-setting checkbox-togger" title="收藏笔记"
									style="margin-right: 10px;"> <i
									class="iconfont icon-collection"></i>
								</a> <a style="margin-right: 10px;" href="javascript:void(0)"
									title="删除笔记" class="btn btn-setting delet-icon-note"> <i
									class="iconfont icon-trash"></i>
								</a> <a style="margin-right: 10px;" href="javascript:void(0)"
									title="新建笔记本" class="btn btn-setting newnote-btn"> <i
									class="iconfont icon-addFile"></i>
								</a> <a style="margin-right: 10px;" title="刷新"
									class="btn btn-setting" style="margin-left: 10px;"
									onclick="refresh(this)"> <i class="iconfont icon-refresh"></i>
								</a>
								<div class="viewnote-share viewnote-share-div" style="float: right;">
									<span
										style=" font-weight: 400; padding: 4px 13px 0; line-height: 29px;">共享</span>
									<div class="viewnote-share-icon">
										<div
											style="position: relative; margin-top: 6px; padding: 1px;">
											<i class="iconfont icon-unfold"></i>
										</div>
									</div>
								</div>
								<div class="share-div" style="position: absolute;display:none; background: white; width: 382px; height: 353px; box-shadow:rgb(88, 86, 86) 1px 1px 5px;">
									<div style="border-bottom: 1px solid #e8dddd;">
										<div style="padding: 6px 0px 6px 18px;; border: none;">
											<label>收件人:</label> <input type="text" class="share-value"
												style="border: none; width: 60%; height: 26px;" />
										</div>
									</div>
									<div style="padding: 10px 0px 4px 18px; color: #aba9a9;">
										<div>
											<span style="font-size: 11px; font-weight: 400;">共享联系人</span>
										</div>
									</div>
									<div class="share-user-div-top" style="height: 176px; border-bottom: 1px solid #dcd5d5;overflow-y: auto;position: relative;">
									
									</div>
									<div style="border-bottom: 1px solid #dcd5d5;">
										<div style="padding: 6px 0px 4px 18px; color: #aba9a9;">
											<div>
												<span style="font-size: 11px; font-weight: 400;">共享笔记</span>
											</div>
										</div>
										<div class="share-user-div" userid="all">
											<div style="padding: 9px 0px 9px 15px;cursor: pointer;">
												<i class=" iconfont icon-notebook" style="font-size: 12px"></i><span
													style="margin-left: 3px;">公司笔记</span>
											</div>
										</div>
									</div>
									<div>
										<div style="float: right; margin-top: 15px;margin-right: 14px;">
											<a href="javascript:void(0)"
												style="margin-right: 15px; padding: 4px 15px;"
												class="mail-btn btn-default share-cance" > 取消 </a> <a
												type="发送" class=" btn-primary uniquebackground share-yes"
												style="color: white; padding: 4px 15px;border-radius: 3px;">确定</a>
										</div>
									</div>
								</div>
							</div>

							<div style="margin: 0 0 0 4px;">
								<div style="display: inline-block; line-height: 29px">
									<i class="iconfont icon-notebook" style="font-size: 12px;"></i>
								</div>
								<div class="viewnote-share select-type-tittle"
									style="border: none">

									<#list notedirbyname as dirname> <span
										class="dirtype-select" dataid="${dirname.id}"
										style="color: #606060; font-weight: 400; color: #606060; padding: 4px 3px 0; line-height: 29px;"
										title="移动笔记">${dirname.name}</span> </#list>
									<div class="viewnote-share-icon" style="border: none">
										<div
											style="position: relative; margin-top: 6px; padding: 1px;">
											<i class="iconfont icon-unfold" style="font-size: 12px"></i>
										</div>
									</div>
									<div style="position: absolute;">
										<ul>
											<li></li>
											<li></li>
										</ul>
									</div>
								</div>
								<!-- <div style="display: inline-block;">
												<i class="iconfont icon-enter" style="font-size: 12px"></i>
											</div> -->
								<div class="select-div select-type-son"
									style="max-height: 350px; overflow-y: scroll;">
									<div class="newnote-btn" style="cursor: pointer;">
										<div style="padding: 0 8px 0 8px;">
											<div
												style="padding: 0px 16px 0px 6px; border-bottom: 1px solid #f2f2f2;">
												<div style="display: inline-block; line-height: 29px">
													<i class="iconfont icon-notebook" style="font-size: 12px;"></i>
													<span style="font-size: 12px">创建新笔记本</span>
												</div>
											</div>
										</div>
									</div>
									<ul class="select-div-son select-div-type">

									</ul>
								</div>
							</div>
						</div>
						<div class="tab-header" style="padding: 5px 26px;">
							<div style="padding: 10px">
								<input type="text" class="viewnote-tittle" placeholder="主题...."
									style="color: #b0b0b0" />
								<span class="viewnote-tittle-span" style="display: none"></span>
							</div>
							<div style="padding: 14px">
								<textarea class="note-content"
									style="line-height: 22px; width: 100%; min-height: 474px; outline: none; border: none"></textarea>
								<div class="note-content-div" style="display: none">
								
								</div>
							</div>
							
						</div>
						<div class="box-footer no-padding" style="margin-top: -20px;">
							<div class="mailbox-controls">
								<div id="pager"
									style="background: #fff; border: 0px; margin-top: 0px; padding: 2px;">
									<div class="Page">
										<div class="CustomInfo" style="width: 40%; float: left;">

										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 右部div盒子开始 -->
					</div>
					<!-- 中部content内容 div结束 -->
				</div>

				<!-- 中部content div结束-->
			</div>
			<!-- body大盒子div结束 -->
		</div>
	</div>
</body>
</html>